<template>
	<div>
	<slot name="header"></slot>
	<div>{{title}}</div>
	<div>{{age}}</div>
	<div>{{obj.name}}，年龄：{{obj.age}}</div>
	<button @click="sendMessage">发送数据</button>
	<slot name="bottom" title="子组建底部标题"></slot>
</div>

</template>
<script>
	export default{
		name:"son",
		data(){
			return {
				message:"这是传递传递给父级元素的值",
				myObj:{
					name:"张三",
					age:"12"
				}
			}
		},
		methods:{
			sendMessage(){
				this.$emit("sendMsg",this.myObj);
			}
		},
		//props:["title"]
		props:{
			title:{
				type:String,
				default:"我是默认值"
			},
			age:{
				type:Number,
				default:10
			},
			//数组及对象需要返回一个工厂函数
			obj:{
				type:Object,
				default:function(){
				return{
					name:"默认名称",
					age:10
				}
			}
			}
			
		}
	}
</script>
<style></style>